<template>
	<view class="uni-list-cell-navigate uni-navigate-right uni-media-list ">
		<image class="uni-media-list-logo" lazy-load  :src="data.imgUrl"></image>
		<view class="uni-media-list-body">
			<view class="uni-media-list-text-top">{{data.text}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "media-list",
		props: {
			data: {
				type: Object,
				default: {
					imgUrl: "",
					text: "",
				}
			}
		},
		
	}
</script>

<style>
	@import "../common/uni.css";
	.uni-media-list-logo {
		width: 50upx !important;
		height: 50upx !important;
	}

	.uni-media-list-body {
		height: 50upx;
		justify-content: space-around;
	}

	.uni-media-list-text-top {
		height: 50upx;
		font-size: 2u8px;
		overflow: hidden;
	}

</style>
